﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
  
  <link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/default/easyui.css">
  <link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/themes/icon.css">
  <link rel="stylesheet" type="text/css" href="http://www.jeasyui.com/easyui/demo/demo.css">
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.min.js"></script>
  <script type="text/javascript" src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
  <link href="../Styles/Reset.css" rel="stylesheet" type="text/css" />
  <script src="../Scripts/QQRelate.js" type="text/javascript"></script>
  <script src="../Scripts/easyui-lang-zh_CN.js" type="text/javascript"></script>
</head>
<body>
  <table id="dg" title="QQ关联" class="easyui-datagrid" style="width: 1030px; height: 500px"
    url="../Handlers/QQRelateHandler/GetQQRelateHandler.ashx" toolbar="#toolbar" 
    rownumbers="true" fitcolumns="true" singleselect="true" sortname="QQMappID" sortorder="asc">
    <thead>
      <tr>
        <th field="QQMappID" sortable="true">
          QQ映射ID
        </th>
        <th field="MainQQ" width="50" sortable="true">
          QQ号码1
        </th>
        <th field="QQ" width="50" sortable="true">
          QQ号码2
        </th>
        <th field="CreateTime" width="50">
          创建时间
        </th>
      </tr>
    </thead>
  </table>
  <div id="toolbar">
    <a href="javascript:void(0)" class="easyui-linkbutton" iconcls="icon-add" plain="true"
      onclick="newQQRelate()">添加QQ关联信息</a> <a href="javascript:void(0)" class="easyui-linkbutton"
        iconcls="icon-edit" plain="true" onclick="editQQRelate()">编辑QQ关联信息</a> <a href="javascript:void(0)"
          class="easyui-linkbutton" iconcls="icon-remove" plain="true" onclick="destroyQQRelate()">
          删除QQ关联</a> <a href="javascript:void(0)" class="easyui-linkbutton" iconcls="icon-search"
            plain="true" onclick="SearchQQRelate()">搜索</a><input name="txtQQName" id="txtQQName"
              style="">
  </div>
  <div id="dlg" class="easyui-dialog" style="width: 420px; height: 350px;" closed="true"
    buttons="#dlg-buttons">
    <form id="fm" method="post" enctype="multipart/form-data" novalidate />
    <fieldset>
      <legend>QQ关联信息</legend>
      <div class="fitem" style="margin-top: 10px;">
        <table class="BaseInfo" style="width: 100%; height: 100%;">
          <tr>
            <td>
              关联QQ 1
            </td>
            <td>
              <input name="MainQQ" validtype="QQ" class="easyui-validatebox" required="true" missingmessage="QQ号码不能为空!">
            </td>
          </tr>
          <tr>
            <td>
              关联QQ 2
            </td>
            <td>
              <input name="QQ" validtype="QQ" class="easyui-validatebox" required="true" missingmessage="名字不能为空！">
            </td>
          </tr>
        </table>
      </div>
    </fieldset>
    </form>
  </div>
  <div id="dlg-buttons">
    <a href="javascript:void(0)" class="easyui-linkbutton" iconcls="icon-ok" onclick="saveQQRelate()">
      保存</a> <a href="javascript:void(0)" class="easyui-linkbutton" iconcls="icon-cancel"
        onclick="javascript:$('#dlg').dialog('close')">取消</a>
  </div>
  <style type="text/css">
    #fm
    {
      margin: 0;
      padding: 10px 30px;
    }
    .ftitle
    {
      font-size: 14px;
      font-weight: bold;
      padding: 5px 0;
      margin-bottom: 10px;
      border-bottom: 1px solid #ccc;
    }
    .fitem
    {
      margin-bottom: 5px;
    }
    .fitem label
    {
      display: inline-block;
      width: 80px;
    }
  </style>
</body>
</html>
